@import url('main.less');
@width:100%;
@height:100%;

.h{
  height: 9.5rem;
  position:relative;
  .text{
    p{
      font-size:0.6rem;
      padding:0.5rem 1rem;
      span{
        font-size:0.6rem;
        color:#fff;
      }
      a{
        font-size:0.9rem;
        font-weight: bold;
        color:#fff000;
      }
    }
    .tag{
      margin-left:0.75rem;
      padding:0.3rem 0.5rem 0.3rem 1rem;
      background-image: url("../img/popullarize/bgshawimg.png");
      background-size:100% 100%;
      p{
        padding:0;
      }
    }
    img{
      width:4rem;
    }
  }
  .tost{
    background: #000000;
    opacity: 0.2;
    position: absolute;
    width:@width;
    height:2rem;
    bottom:0;

  }
  .poptoast{
    position: absolute;
    width:@width;
    height:2rem;
    bottom:0;
    a{
      font-size:0.9rem;
      font-weight: bold;
    }
  }
}
.content{
  padding:0.5rem;
  .pitem{
    position:relative;
    padding-top:0.75rem;
    .p{
      position: absolute;
      width: 100%;
      top:0rem;
    }
    .item{
      width:@width;
      padding:0.75rem 0 0 0;
      margin-bottom:0.5rem;
    }
    .title{
      color:#fff;
      border-radius: 0.75rem;
      font-size: 0.7rem;
      width:12.75rem;
      height:1.5rem;
      z-index: 10;
      //padding-top:0.5rem;
    }
  }
}
.introduc{
  height:6rem;
  padding:0 0.75rem;
  img{
    width:4.25rem;
  }
  p{
    color:#6b6b6b;
    margin-left:0.5rem;
  }
}
.i-bot{
  height:2.25rem;
  border-top:0.025rem solid #d0d0d0;
  padding:0 1rem;
  .l{
    span{
      color:#6b6b6b;
    }
    a{
      color:#cba86a;
      font-size:0.7rem;
      font-weight: bold;
    }
  }
  .r{
    span{
      border: 0.05rem solid #cba86a;
      color:#cba86a;
      border-radius: 0.1rem;
      padding:0.05rem 0.2rem;
    }
    a{
      margin-left:0.5rem;
      //font-size:0.7rem;
      font-weight: bold;
      border-radius: 0.1rem;
      padding:0.05rem 0.4rem;
    }
  }
}
.popwindow{
  width:@width;
  height:@height;
  position:absolute;
  top :0px;
  z-index:20;
  background-color:#A3A3A3;
  background: rgba(0, 0, 0, 0.5);
  //text-align:center;
  .pop-ur{
    height:3rem;
    img{
      height:@height;
      margin-right:20px;
      float: right;
    }
  }
  .pop-l{
    width:@width*0.5;
    text-align: center;
    img{
      height:1.5rem;
      margin-bottom: 0.5rem;
    }
    p{
      font-size:0.75rem;
      font-weight: bold;
    }
  }
  .popbot{
    height:4rem;
    margin:0 3rem;
  }
}
.toasttext{
  margin:0.5rem 2rem;
  font-size:0.8rem;
  border-top:2px dashed #fff;
  padding:0.25rem 0;
  color:#fff;
  span{
    font-size:0.8rem;
  }
}
